import { useState } from 'react';

// 都是函数组件，一直写函数
export const App = () => {
  // 管理状态
  const [xxx, setXxx] = useState(0);

  // 事件处理函数
  const handleCount = () => {
    // 修改页面状态
    setXxx(xxx + 2);
  };

  // UI
  return (
    <div>
      <h3>{xxx}</h3>
      <button onClick={handleCount}>+1</button>
    </div>
  );
};
